@import "~ant-design-vue/es/style/themes/default.less";

.ant-layout {
    background: var(--layout-background-color) !important;
  }
.ant-table-body{
    margin: 0px !important;
}
  .ant-card {
    color: var(--text-color) !important;
    background: var(--card-background-color) !important;
    margin-top: -10px !important;
  }

  .ant-card-head{
    color: var(--text-color) !important;
  }

  .ant-pro-basicLayout-content {
    margin: 24px 10px 10px 6px !important;
}

  .ant-drawer-content {
    background: var(--card-background-color) !important;
    background-clip: padding-box;
    border: 0;
  }

  .ant-drawer-header {
    color: var(--text-color) !important;
    background: var(--drawer-header-background-color) !important;
    border-bottom: 1px solid var(--ant-tabs-bar-color) !important;
    border-radius: 4px 4px 0 0 !important;
  }

  .ant-card-body {
    padding: 6px 10px 10px 10px !important;
    // min-height: calc(100vh - 140px);
  }


  .ant-modal-title {
    color: var(--text-color) !important;
  }

  .ant-modal-header {
    color: var(--text-color) !important;
    background: var(--drawer-header-background-color) !important;
    border-bottom: 1px solid var(--ant-tabs-bar-color) !important;
    border-radius: 4px 4px 0 0 !important;
  }

  .ant-modal-content {
    background-color: var(--card-background-color) !important;
    background-clip: padding-box;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  }

  .ant-modal-footer {
    background-color: var(--card-background-color) !important;
    border-top: 1px solid var(--ant-tabs-bar-color) !important;
    border-radius: 0 0 4px 4px !important;
  }

  .ant-modal-close {
    color: var(--text-color) !important;
    background: transparent !important;
    border: 0 !important;
  }

  .ant-modal-confirm-title,.ant-modal-confirm-content{
    color: var(--text-color) !important;
  }

  .ant-drawer-title {
    color: var(--text-color) !important;
  }

  .anticon-close{
    color: var(--link-color) !important;
  }



  .ant-form-item-label > label {
    color: var(--text-color) !important;
  }

//修改页面 顶端背景颜色
.ant-pro-global-header{
  background-color:var(--primary-color) !important;
}
.ant-pro-sider-menu-logo{
  background-color:var(--primary-color) !important;
}

//页面顶部TAB 标签页背景颜色
.ant-pro-multi-tab{
    background-color:var(--card-background-color) !important;
    // margin: -23px 10px 16px -24px !important;
}


/**
TAB
*/
//tab选中时，底部颜色
.ant-tabs-ink-bar {
    background-color: var(--ant-tabs-ink-bar-color) !important;
}

//修改TAB页 选中时样式
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active{
    background: var(--ant-tabs-tab-active-background-color) !important;
    border-color:var(--primary-color) !important;
    border-bottom: 1px solid #fff !important;
    
}
//选中时字体颜色
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
    color: #ffffff !important;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active .ant-tabs-close-x {
  color: rgba(255, 255, 255, 0.8) !important;
}
//tab 未选中时
.ant-tabs-tab {
    background: var(--ant-tabs-tab-background-color) !important;
    color:var(--text-color) !important;
    border-color:var(--ant-tabs-bar-color) !important;
  }

  .ant-tabs-nav .ant-tabs-tab{
    margin: 0 2px 0 0 !important;
  }

  .ant-tabs-nav{
    padding-left:1px !important;
  }

  .ant-tabs-close-x {
    color: var(--text-color) !important;
  }

   //tab默认边框颜色
   .ant-tabs-bar {
        border-bottom: none !important;
    }

    .ant-tabs-left-bar{
        border: none !important;
    }
    
    .ant-tabs .ant-tabs-left-content{
        border-left:none !important;
    }

.ant-tabs-card-bar .ant-tabs-nav-container {
    height: 34px !important;
  }
  .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
    height: 34px !important;
    line-height: 34px !important;
    border-radius: 6px 6px 0 0 !important;
  }
  .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
    height: 34px !important;
    line-height: 34px !important;
    border-radius: 6px 6px 0 0 !important;
  }

//在tab标签页下面增加了一个横线，
  .lt-tabs-bottom-line{
    height:1px;background:var(--ant-tabs-bottom-line-color);
  }

  //按钮

  .ant-btn {
    color: var(--text-color) !important;
    background-color: var(--btn-background-color) !important;
    border-color: var(--btn-border-color) !important;
  }

  .ant-btn-primary {
    color: #ffffff !important;
    background-color: var(--btn-primary-background-color) !important;
    border-color: var(--btn-primary-background-color) !important;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045) !important;
  }

  .ant-table-placeholder {
    color: rgba(0, 0, 0, 0.25);
    background: var(--card-background-color) !important;
    border-top: 1px solid var(--ant-table-placeholder-border-color) !important;
    border-bottom: 1px solid var(--ant-table-placeholder-border-color) !important;
    border-radius: 0 0 4px 4px !important;
  }

  .ant-empty-normal{
    color: var(--text-color) !important;
  }

  //分页
  .ant-pagination {
    color:var(--text-color) !important;
  }

  .ant-pagination-item a {
    color:var(--text-color) !important;
  }
  .ant-pagination-item-active{
    background-color: var(--ant-table-thead-background-color) !important;
    border: none !important;
   
  }
  .ant-pagination-item-active a{
    color: #ffffff !important;
  }
  .ant-pagination-item-ellipsis {
    color: var(--text-color) !important;
  }


  // layout
  .ant-layout-sider {
    background: var(--card-background-color) !important;
  }
  .ant-layout-header {
    background: var(--card-background-color) !important;
  }
  .ant-layout-footer {
    color:var(--text-color) !important;
    background: var(--card-background-color) !important;
  }

  .ant-layout-sider-trigger {
    color:var(--text-color) !important;
    background: var(--card-background-color) !important;
  }
  .ant-layout-sider-zero-width-trigger {
    color:var(--text-color) !important;
    background: var(--card-background-color) !important;
    border-radius: 0 4px 4px 0 !important;
  }
  .ant-layout-sider-zero-width-trigger:hover {
    background: var(--card-background-color) !important;
  }
  .ant-layout-sider-zero-width-trigger-right {
    border-radius: 4px 0 0 4px !important;
  }
  .ant-layout-sider-light {
    background: var(--card-background-color) !important;
  }
  .ant-layout-sider-light .ant-layout-sider-trigger {
    color:var(--text-color) !important;
    background: var(--card-background-color) !important;
  }
  .ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
    color:var(--text-color) !important;
    background: var(--card-background-color) !important;
  }



  //树
  .ant-tree{
    color: var(--text-color) !important;
  }

  .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon {
    color: var(--text-color) !important;
}
.ant-tree li .ant-tree-node-content-wrapper {
    color: var(--text-color) !important;
}

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before {
    background: var(--card-background-color) !important;
}

.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected{
    background: var(--ant-tree-node-selected-background-color) !important;
}
.ant-tree li .ant-tree-node-content-wrapper:hover {
    background: var(--ant-tree-node-hover-color) !important;
  }
  .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
    background-color:var(--primary-color) !important;
    border-color: var(--primary-color) !important; 
}

.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
   
    background-color:var(--primary-color) !important;
   
}

//form表单组件
  .anticon.anticon-calendar.ant-calendar-picker-icon{
    color: var(--text-color) !important;
  }

  .anticon.anticon-down.ant-select-arrow-icon{
    color: var(--text-color) !important;
  }

  .ant-upload-list-item-name {
    color: var(--text-color) !important;
  }
  .ant-upload-list-picture-card .ant-upload-list-item{
    border: 1px solid var(--component-border-color) !important
    }

    .ant-upload-list-item:hover .ant-upload-list-item-info {
        background: var(--ant-upload-background-color) !important;
    }
  .anticon.anticon-paper-clip{
    color: var(--text-color) !important;
  }
  .anticon.anticon-delete{
    color: var(--text-color) !important;
  }

  //formItem 上下间隔变小
.ant-form-item{
    margin-bottom:0 !important;
  }

//修改item内容 高度
.ant-form-item-control {
    line-height: 35px !important;
  } 
  //修改ITEM中label 高度
  .ant-form-item-label{   
    line-height: 36px !important; 
   }


//select 鼠标滑动时边框颜色
.ant-select-selection:hover {
    border-color: var(--component-select-border-color) !important;
}
.ant-select-selection {
     border-color: var(--component-border-color) !important;
     background-color: var(--component-background-color) !important;
     color: var(--text-color) !important;
}
//鼠标点击时边框颜色
.ant-select-open .ant-select-selection,
.ant-select-focused .ant-select-selection {
  border-color: var(--component-select-border-color) !important;
  border-right-width: 1px !important;
  box-shadow: none !important;
}

  //input
.ant-input:focus,.ant-time-picker-input:focus {
    border-color: var(--component-select-border-color) !important;
    border-right-width: 1px !important;
    box-shadow: none !important;
}

.ant-input:hover,.ant-time-picker-input:hover {
    background-color: var(--component-background-color) !important;
    border-color: var(--component-select-border-color) !important;
  }

  .ant-input,.ant-time-picker-input,.ant-radio-group,.ant-radio-wrapper{
    background-color: var(--component-background-color) !important;
    border-color: var(--component-border-color) !important;
    color: var(--text-color) !important;
  }

  .ant-input-number{
    // background-color: var(--component-background-color) !important;
    border-color: var(--component-border-color) !important;
    color: var(--text-color) !important;
  }

  .ant-input[disabled] {
    color:  var(--component-disabled-color) !important;
    background-color: var(--component-disabled-background-color) !important;
    cursor: not-allowed;
    opacity: 1;
   }
  .ant-select-selection__choice{
    color: var(--text-color) !important;
    border:none !important;
    background-color: var(--ant-select-selection-choice-background-color) !important;
  }

  .ant-select-disabled .ant-select-selection {
    background: var(--component-disabled-background-color) !important;
    color:  var(--component-disabled-color) !important;
  }
  
  .anticon.anticon-close.ant-select-remove-icon{
    color: var(--text-color) !important;
  }

  .ant-time-picker-icon .ant-time-picker-clock-icon, .ant-time-picker-clear .ant-time-picker-clock-icon{
    color: var(--text-color) !important;
  }


  .ant-input-password-icon {
    color: var(--text-color) !important;
  }

//表格
//表格表头
.ant-table-thead > tr > th {
    color:#ffffff !important;
    border-bottom: 1px solid var(--ant-tabs-bar-color) !important;
  }

//表格行的高度
.ant-table{
    line-height:1 !important;
 }
 .ant-table-thead {
    background-color:var(--ant-table-thead-background-color) !important;
  }

  /*解决当TABLE ，内容过长进行 ... 时候，标题不能正常显示的问题*/
  .ant-table-thead > tr > th .ant-table-header-column {
    height:20px !important;line-height:20px !important;
  }
  .ant-table-row-cell-ellipsis .ant-table-column-title{height:20px !important;line-height:20px !important;}
  .ant-table-thead tr th{height:20px !important;}


  //修改 table 列加上排序时，鼠标滑动有背景色的情况
.ant-table-thead > tr > th {
    background-color:var(--ant-table-thead-background-color) !important;
  }

  .ant-table-thead > tr > th:hover {
    background-color:var(--ant-table-thead-hover-color) !important;
  }
  .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
    background:var(--ant-table-thead-hover-color) !important;
  }

  .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
    background:var(--ant-table-thead-hover-color) !important;
  }

   //表格上，排序箭头颜色
   .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on,
   .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on {
     color: var(--ant-table-column-sorter-color)  !important;
   }

   //鼠标滑动颜色
   .ant-table-tbody>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td, .ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td, .ant-table-thead>tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td, .ant-table-thead>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td {
        background: var(--ant-table-row-hover-color) !important;
      
    }

    .ant-table {color:var(--text-color) !important;}

    .ant-table-tbody > tr > td { border-bottom: 1px solid var(--ant-table-bar-color) !important;}



    .ant-table-row-expand-icon {
        color: var(--ant-table-bar-color) !important;
        
      }

    .ant-divider {
        color:var(--link-color) !important;
        background:var(--link-color) !important;
      }


.table-page-search-wrapper .table-page-search-submitButtons { 
    margin-bottom: 12px !important; 
  }

  .table-operator {
    margin-bottom: 10px !important; 
   }

.ant-table-fixed-left table{
    background-color: var(--layout-background-color) !important;
  }

//treeselect
// .ant-select-tree li .ant-select-tree-node-content-wrapper{
//     color:var(--text-color) !important;
// }

// .ant-select-dropdown{
//     background:var(--menu-submenu-background-color) !important;
// }

// .ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
//     background-color: var(--ant-tree-node-hover-color) !important;
//   }

.ant-upload.ant-upload-select-picture-card {
    background: var(--ant-upload-background-color) !important;
    border: none !important;
}
.ant-upload-select-picture-card i {
    color: var(--text-color) !important;
}


//a-list 组件中，字体颜色修改
.ant-list-item-meta-title{
  color: var(--primary-color) !important;
  font-size: 16px !important;
  margin-bottom: 6px !important;
}

.ant-list-item-meta-description{
  color:var(--text-color) !important;
}

 /*菜单栏收缩改为白色*/
 .ant-pro-global-header-trigger{
  color: #ffffff;
}

/*隐藏右侧的系统设置图标*/
.ant-pro-setting-drawer-handle{
  display: none;
}

/**全局滚动条样式**/
::-webkit-scrollbar {
  width: 10px;
}
//滚动条拖拽部分颜色
::-webkit-scrollbar-thumb {
  border-radius: 14px;
  -webkit-box-shadow: inset 0 0 5px var(--scrollbar-move-color) !important;
  
}
//滚动条背景颜色
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px var(--scrollbar-background-color) !important;
  border-radius: 0;
  background: transparent;
}



//
.ant-dropdown {
    color: var(--text-color) !important;    
  }


/*日历，取消选中日期后，上面出现的一条背景色*/
.ant-fullcalendar-selected-day .ant-fullcalendar-value {
  background: none !important;
}
/*修改日期，日期样式，默认是占一行，现在占百分比右浮动*/
.ant-fullcalendar-value{ width: 10% !important; float: right !important;}

.ant-calendar .ant-calendar-ok-btn {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #ffffff !important; 
}

.ant-time-picker-panel-select-option-selected{
    color: var(--primary-color) !important;
}

.ant-calendar-today .ant-calendar-date {
    color: var(--primary-color) !important;
    font-weight: bold;
    border-color: var(--primary-color) !important;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month{
    background: var(--primary-color)  !important;
    color: #ffffff !important; 
}


//MENU选择颜色
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected, .ant-menu.ant-menu-dark .ant-menu-item-selected {
  background-color:  var(--menu-item-item-selected-background-color) !important;
}
//MENU 链接默认颜色
.ant-menu-item > a {
    color: var(--menu-item-a-text-color) !important;
  }
  //鼠标滑过颜色
.ant-menu-item > a:hover {
    color: var(--menu-item-a-hover-color) !important;
}

.ant-menu-item-selected > a,
.ant-menu-item-selected > a:hover {
  color: var(--menu-item-a-hover-color) !important;
}

//默认未选中时背景颜色
.ant-menu-dark, .ant-menu-dark .ant-menu-sub {
    background: var(--menu-background-color) !important;
}
//展开时背景颜色
.ant-menu-submenu > .ant-menu {
    background-color:var(--menu-submenu-background-color) !important;
}

//时间轴样式
.ant-timeline-item-head-blue {
  color:var(--primary-color) !important;
  border-color:var(--primary-color) !important;
}

//版权信息隐藏
.ant-layout-footer{
    padding: 0px !important;
}
.ant-pro-global-footer{
    margin: 0px !important;
}

//加载信息是的遮罩颜色
.ant-spin-container::after {
    background: var(--ant-spin-container) !important;
  }

  .ant-spin-dot-item {
    background-color: var(--primary-color) !important;
  }
//超链接颜色
a {
    color:var(--link-color) !important;
}

//notification样式
.ant-notification {
    color: rgba(0, 0, 0, 1)!important;
}

.ant-tabs-nav-scroll{
    margin-left:6px; 
}
//logo 处背景颜色修改
// .ant-pro-sider-menu-logo{
//     background-color: var(--menu-background-color) !important;
// }


.ant-checkbox-checked .ant-checkbox-inner {
    background-color:var(--primary-color) !important;
    border-color:var(--primary-color) !important;
}

.ant-checkbox-inner::after {
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    // background-color: var(--primary-color) !important;
    border: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    content: ' ';
}

.ant-checkbox-checked::after {
    border: 1px solid var(--primary-color) !important;
}

//自定义修改结束

.ant-layout-content{
    background-color: var(--component-background-color) !important;
}